.header { padding: 20px 0; background: transparent;position: fixed;width: 100%;top: 0;z-index: 9999; }
.header.fixed{position: fixed;width: 100%;background-color:#fff;top: 0;z-index: 9999; }
.header .logo { width: 143px; height: 50px;}
.header .logo img { width: auto; height: 100%;image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;filter: grayscale(100%) brightness(500%);}
.header.fixed .logo img { width: auto; height: 100%;image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;filter:unset;}
/*padding-right: 50px;*/
.header .nav-list-box { text-align: right; font-size: 16px;color: #666666;line-height: 50px;padding-right:  0px;}
.header .nav-list-box a { margin-right:35px;color: #fff;}
.header .nav-list-box a:hover { color: #206BEB;color: #fff;}

.header.fixed .nav-list-box a { margin-right: 35px;color: #333;}
.header.fixed .nav-list-box a:hover { color: #206BEB; }

.header.fixed .nav-list-box .active {color: #206BEB!important;}
.header .login-box button.login:hover {background: #206BEB;color: #fff;}
.header .login-box button:hover{background: #4d89ef;}
.header .nav-list-box .nav-item { display: inline-block; position: relative;}
.header .nav-list-box .nav-item:hover .chil-nav{display: block}
.header .nav-list-box .nav-item .chil-nav { display: none;cursor: pointer}
.header .nav-list-box .nav-item .chil-nav { padding: 10px 0; z-index:9999999999; background-color: #fff; transform: translateX(-25%);top:100%;box-shadow: 0px 2px 10px 0px rgba(217, 217, 217, 0.6);width: 100%;position: absolute; left: 0; min-width: 200px; border-radius: 6px}
.header .nav-list-box .nav-item .chil-nav li{ text-align: center;}
.header .nav-list-box .nav-item .chil-nav li a{ width: calc(100% - 32px); padding: 0 15px; text-align: left; font-size: 16px;display: block;height: 40px;line-height: 40px;transition: all .4s;color: #333!important; }
.header .nav-list-box .nav-item .chil-nav li a:hover{background-color: #F6F8FA;color: #206BEB}
/*margin-left: 70px;*/
.header .login-box { font-size: 0; }
.header .login-box button { margin-left: 10px; width: 120px; height: 44px; background: #206BEB; border-radius: 6px; font-size: 16px; line-height: 1; color: #FFFFFF;}
.header .login-box button.login { background: #FFFFFF; border: 1px solid #206BEB; border-radius: 6px; color: #206BEB;}

@media screen and (max-width: 1400px) {
    .header .nav-list-box{font-size: 14px}
}
@media screen and (max-width: 1219px) {
    .header .login-box { margin-left: 0;}
    .header .nav-list-box a{margin-right:18px}
    .header .nav-list-box{padding-right: 45px}

}
@media screen and (max-width: 1023px) {
    .header .nav-list-box a { margin-right: 16px;}
    .header .nav-list-box{padding-right: 30px}
    .header .nav-list-box{font-size: 14px}
    .header .login-box button.login{margin-right: 30px}
}
@media screen and (max-width: 767px) {
    .header{background: #fff;}
    body{padding-top: 80px;}
    .header .logo { width: 130px; height: 40px;}
    .bottom{display: none}
    .header .login-box button { width: 90px; height: 36px; font-size: 14px;}
    .header .logo img{filter:unset;}
}
@media screen and (max-width: 414px) {
    body{padding-top: 72px;}
    .header .logo { width: 100px; height: 32px;}
    .header .login-box button { width: 70px; height: 32px; font-size: 12px;margin-left: 0px;margin-right: 10px;}
    .header .login-box button.login{margin-right: 24px}
    .mobile-box .nav {width: 30px;}
}


.mobile-box{display:none}
@media(max-width:980px){
    .mobile-box{display: block}
    .header .nav-list-box{display: none}
    /*移动导航*/
    .mobile-box .nav { position:fixed;width: 35px;height: 28px;background: #2581de;right: 2.5%;top:24px;cursor: pointer; border-radius:5px;z-index: 99999999999}
    .mobile-box .nav span {display: block;width: 20px;height: 2px;background: #ffffff;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.5s;z-index: 99999991}
    .mobile-box .nav .nav1 {margin-top: -1px;}
    .mobile-box .nav .nav2 {margin-top: -8px;}
    .mobile-box .nav .nav3 {margin-top: 6px;}
    .mobile-box .nav:hover .nav1 {width: 25px;}
    .mobile-box .navh .nav1 {transform: rotate(45deg)}
    .mobile-box .navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
    .mobile-box .navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
    .mobile-box .navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
    .mobile-box .navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
    .mobile-box .smdaohang {position: fixed;width: 280px;height: 100%;overflow: auto;top: 0px;right: -100%;background:#000; background:rgba(0,0,0,0.8); z-index: 999999;transition: 0.5s;text-align: center;}
    .mobile-box .smdaohangh {right: 0px;}
    .mobile-box .topnav {margin: auto;margin-top:60px;padding: 20px;}
    .mobile-box ul.topnav li {text-align: left; position:relative;}
    .mobile-box ul.topnav li a {padding: 5px;padding-left: 0px;color: #fff;display: block; font-size: 14px;font-size: 1.4rem;line-height: 24px; padding-right:50px;}
    /* .mobile-box ul.topnav ul {display: none;} */
    .mobile-box ul.topnav ul li {clear: both;}
    .mobile-box ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0;}
    .mobile-box ul.topnav ul li a:hover {}
    .mobile-box ul.topnav ul ul li a {padding-left: 40px;}
    .mobile-box ul.topnav ul ul ul li a {padding-left: 60px;}
    .mobile-box ul.topnav span { display:block; position:absolute; right:0px; top:5px; width:24px; height:24px; background:#fff; cursor:pointer; border-radius:5px;}
    .mobile-box ul.topnav span:before{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px;}
    .mobile-box ul.topnav span:after{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px; transform:rotate(90deg); transition:0.5s;}
    .mobile-box ul.topnav span.yizi:after{ transform:rotate(0deg);}
}
@media(max-width:414px){.mobile-box .nav { top:22px;}}
/* 底部 */
.footer {background-color: #206BEB;padding-top: 60px;}
.footer .f-box  {border-bottom: 1px solid #6096F3; padding-bottom: 60px;}
.footer .footer-nav-box .footer-nav-item .tit{font-size: 18px;color: #FFFFFF;margin-bottom: 20px}
.footer .footer-nav-box .footer-nav-item a{font-size: 14px;color:#CEDAF9;margin-bottom: 20px;display: block;transition: all .4s}
.footer .footer-nav-box .footer-nav-item a:hover{color: #FFFFFF}
.footer .footer-nav-box .footer-nav-item .item{margin-left:20px }
.footer .footer-nav-box .footer-nav-item .item img{display: block;max-width: 100%!important;}
.footer .link{margin-top: 32px}
.footer .link .name{ display: block; font-size: 16px;color: #FFFFFF; padding-bottom: 24px;}
.footer .link .list{font-size: 12px;color: #A4BAF5;display: inline-block;margin-right: 25px;transition: all .4s}
.footer .link .list:hover{color: #FFFFFF}
.footer-bot{text-align: center;background-color: #206BEB}
.footer-bot .copy {  display: inline-block;}
.footer-bot .copy img {  width: 18px; height: 20px; margin-right: 10px;}
.footer-bot .about { text-align: right;}
.footer-bot span{ cursor: pointer; font-size: 12px;color: #A4BAF5;margin-right: 30px;height: 50px;line-height: 50px;}
@media screen and (max-width: 750px) {
    .footer-bot .copy { margin: 0 auto;}
    .footer-bot .about { width: 100%; text-align: center;}
}

.goTop { width: 50px; height: 50px; background: url(../image/icon/icon-gotop.png) center no-repeat; background-size: 100% 100%; position: fixed; bottom: 100px; right: 50px; z-index: 10;border-radius: 6px}
@media screen and (max-width: 750px) {
    .goTop { right: 5px;}
}

.bottom { width: 100%; height: 80px; background-color: #F0F0F5; position: fixed; left: 0; bottom: 0; z-index: 10;display: none}
.bottom .bottom-box { height: 80px; }
.bottom .center { height: 100%; }
.bottom .logo { width: auto; height: 50px; margin-right: 19px;}
.bottom span { font-size: 30px;color: #333333; line-height: 46px;}
.bottom button { margin: 0 25px; height: 46px; padding: 0 40px; background: #206BEB; border-radius: 6px; font-size: 20px;color: #FFFFFF; line-height: 30px;}
.bottom .text-img { width: auto; height: 27px;}
.bottom .icon-guanbi { font-size: 22px; color: #666666; position: absolute; right: 35px; top: 29px;}

@media screen and (max-width: 1219px) {
    .bottom .logo { height: 40px;}
    .bottom span { font-size: 20px; line-height: 40px;}
    .bottom button { margin: 0 15px; padding: 0 20px;font-size: 16px; height: 40px;}
    .bottom .text-img { height: 22px;}
}
@media screen and (max-width: 998px) {
    .bottom .logo { height: 34px;}
    .bottom span { font-size: 18px; line-height: 34px;}
    .bottom button { padding: 0 10px;font-size: 12px; height: 34px;}
    .bottom .text-img { height: 19px;}
}
@media screen and (max-width: 768px) {
    .bottom .icon-guanbi { right: 10px; top: 10px; }
    .bottom .center {flex-wrap: wrap;}
    .bottom .logo { height: 30px;}
    .bottom span { font-size: 12px; line-height: 34px;}
    .bottom .logo { height: 34px;}
    .bottom .text-img { height: 14px;}

}

@media screen and (max-width: 767px) {
    .footer .link{display: none}
    .footer .footer-nav-box .footer-nav-item:nth-child(3) {display: none}
    .footer .footer-nav-box .footer-nav-item{margin-right: 10px}
    .footer{padding-top: 20px}
}


/* 滑动验证 */
.slider-box { width: 100%; margin-top: 20px; height: 40px; background-color: #F6F7FB;}
.slider-box .layui-form-item { width: calc(100% - 10px); padding: 0 5px; height: 30px;}
.slider-box .layui-input-block { margin-left: 0;}
.slider-box .slider-item { background-color: #F6F7FB !important;}
.slider-box .slider-btn { width: 40px; height: 28px; line-height: 28px; border: 1px solid #206beb; margin-top: 5px; border-radius: 4px; background-color: #206beb !important; color: #FFFFFF!important;}
/*#D2DFF8*/
.slider-bg { background-color: #206BEB !important; height: 30px !important; top: 5px; border-radius: 4px;}
.slider-error { animation: none;}
.slider-text { color: #C3C5CE !important;}
@font-face {
    font-family: 'iconfont';  /* Project id 2735433 */
    src: url('//at.alicdn.com/t/font_2735433_pz0jfv55zg.woff2?t=1629076040788') format('woff2'),
         url('//at.alicdn.com/t/font_2735433_pz0jfv55zg.woff?t=1629076040788') format('woff'),
         url('//at.alicdn.com/t/font_2735433_pz0jfv55zg.ttf?t=1629076040788') format('truetype');
  }